<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>并集选择器</title>
    <style>
      .rich {
        color: gold;
      }
      .beauty {
        color: red;
      }
      .pig {
        color: green;
      }
      .dog {
        color: blue;
      }
      /* 并集选择器可以选择任何选择器标识，并且可以并在一起 */
      #suxi,
      .rich,
      .beauty,
      .dog,
      .pig {
        background-color: yellow;
        width: 100px;
      }
      /* 想把这个样式都加给所有标签 */
    </style>
</head>
<body>
  <h2 class="rich">土豪张三</h2>
  <h2 class="beauty">明星李四</h2>
  <!--  这个只会根据style中的顺序添加样式 跟；类名的顺序无关  -->
  <h2>破产王五(不加任何样式)</h2>
  <hr>
  <p class="pig">小猪佩奇</p>
  <p class="dog" id="wc">小狗旺财</p>
  <p id="suxi">小羊苏西</p>
</body>
</html>